﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="${path}/party/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="${path}/party/css/pagination.css">
  <link rel="stylesheet" type="text/css" href="${path}/party/css/main.css">
</head>
<body>
  <div id="listVm">
  <!-- 导航部分 -->
  <div class="dj-head">
    <iframe src="http://djzx.sktcm.cn/dangjian/modules/nav_login.html" width="100%" height="45" scrolling="no" ></iframe>
    <!-- logo/一级导航 -->
    <div class="dj-nav1">
      <div class="nav-center">
        <a href="javascript:;" class="logo"> <img src="${path}/party/images/logo.png" /> </a>
        <ul class="nav1-ul">
          <template v-for="(item,index) in menuList">
	          <li :class="index == 0 ? 'active' : false" @click="setUrl(item,index)">{{item.name}}</li>
          </template>
           <li @click="dkzx()">课程在线</li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 内容部分 -->
  <div class="dj-body" >
    <!-- banner -->
    <div class="banner-div">
      <a href="javascript:;"> <img src="${path}/party/images/banner-1.jpg" /> </a>
    </div>

    <!-- 新时代建设之道 -->
    <div class="dj-div">
      <div class="center-div">
        <h4 class="title-h4">新时代建设之道</h4>
        <hr class="bottom-line-hr" />
        <p class="text-p">
          汲取传统文化滋养，探索新时代党建国工作的路径，用传统文化提升党员的先进性，引领党员人性和党性的回归，形成止恶扬善的道德秩序，同事，将企业责<br>
          任也融入企业党建中，充分发挥企业党员的先锋带头作用，形成心物同管的企业文化责任归责体系，成为企业道德经经济的内驱力...
        </p>
        <div class="xsddjzd-list">
          <div class="xsddjzd-item" v-for="item in xsddjzd">
            <img v-bind:src="item.img" />
            <h2>{{item.title}}</h2>
            <label>{{item.info}}</label>
          </div>
        </div>
        <a href="javascript:;" @click="djzd" class="viewMore-a">点击进去</a>
      </div>
    </div>

    <!-- 党的建设 -->
    <div class="dj-div ddjs-div">
      <div class="center-div">
        <h4 class="title-h4">党的建设</h4>
        <hr class="bottom-line-hr" />
        <p class="text-p">
          把传统文化融入党的建设，可以增强党自我净化、自我完善、自我革新、自我提高的能力。也让人们更好的理解民主集中制的<br>
          内涵；把企业社会负责融入党的建设是对党的制度建设、纪律建设、作风建设有益的补充；
        </p>
        <div class="ddjs-list">
          <div class="ddjs-item" v-for="ite in ddjs">
            <div class="item-top">
              <h4>{{ite.title}}</h4>
              <div class="invertedTriangle"></div>
            </div>
            <ul class="item-ul">
              <li v-for="item in ite.info">{{item}}</li>
            </ul>
            <img class="buttom-img" :src="ite.img" />
          </div>
        </div>
        <a href="javascript:;" @click="ddjs1" class="viewMore-a">点击进去</a>
      </div>
    </div>

    <!-- 企业社会责任文化 -->
    <div class="dj-div">
      <div class="center-div">
        <h4 class="title-h4">企业社会责任文化</h4>
        <hr class="bottom-line-hr" />
        <p class="text-p">
          汲取传统文化滋养，探索新时代党建国工作的路径，用传统文化提升党员的先进性，引领党员人性和党性的回归，形成止恶扬善的道德秩序，同事，将企业责<br>
          任也融入企业党建中，充分发挥企业党员的先锋带头作用，形成心物同管的企业文化责任归责体系，成为企业道德经经济的内驱力...
        </p>
        <div class="qyshzrwh-list">
          <div class="qyshzrwh-item" v-for="ite in qyshzrwh">
            <img v-bind:src="ite.img" />
            <h2>{{ite.title}}</h2>
          </div>
        </div>
        <a href="javascript:;" @click="zrwh" class="viewMore-a">点击进去</a>
      </div>
    </div>

    <!-- 中华传统德礼文化 -->
    <div class="dj-div zhctdlwh-div">
      <div class="center-div">
        <h4 class="title-h4">中华传统德礼文化</h4>
        <hr class="bottom-line-hr" />
        <p class="text-p">
          用传统文化的修身养性智慧，引领人们实现“修身、齐家、治国、平天下”的心力智慧升级和胸怀格局的拓宽，以道明德，<br>
          以德修身，最终实现内外和谐健康....
        </p>
        <div class="xsddjzd-list">
          <template v-for="(item,index) in zhctdlwh">
            <div class="xsddjzd-item" @mouseenter="hoverRed(index)" @mouseleave="hoverBlack(index)">
              <div class="zhctdlwh-img"> <img v-bind:src="item.img" /> </div>
              <h2>{{item.title}}</h2>
              <label>{{item.info}}</label>
            </div>
          </template>
        </div>
        <a href="javascript:;" @click="dlwh" class="viewMore-a">点击进去</a>
       <!--  <span @click="xsddjzd" class="viewMore-a">点击进去</span> -->
      </div>
    </div>

    <!-- 党建课程，想学随时学 -->
    <div class="dj-div zhctdlwh-div">
        <div class="center-div">
          <h4 class="title-h4">党建课程，想学随时学</h4>
          <hr class="bottom-line-hr" />
          <p class="text-p">
            用传统文化的修身养性智慧，引领人们实现“修身、齐家、治国、平天下”的心力智慧升级和胸怀格局的拓宽，以道明德，<br>
            以德修身，最终实现内外和谐健康....
          </p>
          <div class="djkc-div">
            <img class="djkc-left" src="${path}/party/images/pic_imac.png" />
            <div class="djkc-right">
              <h2>只要有网，只要你想<br>哪里都是课堂</h2>
              <div class="djkc-right-bottom">
                <i class="icon1"></i>
                <i class="icon2"></i>
                <span>WEB网页课堂随时随地学习</span>
              </div>
            </div>
          </div>
          <a href="javascript:;" @click="dkzx" class="viewMore-a">点击进去</a>
        </div>
    </div>

    <!-- 政策法规 德法治国 -->
    <div class="dj-div tab-bottom">
        <div class="center-div">
          <ul class="tab-head">
            <li class="active">政策法规</li>
            <li>德法治国</li>
          </ul>
          <div class="tab-body">
            <div class="tab-item">
              <img src="${path}/party/images/zydx-logo.png" />
              <img src="${path}/party/images/kaida-logo.png" />
              <img src="${path}/party/images/jyzs.png" />
              <img src="${path}/party/images/txw.png" />
              <img src="${path}/party/images/xinlang.png" />
            </div>
            <div class="tab-item">
              
            </div>
          </div>
          
        </div>
    </div>


  </div>

  <!-- 页底部分 -->
  <jsp:include page="footer.jsp"></jsp:include>
  </div>
<!-- javascritp flie -->
<script type="text/javascript" src="${path}/party/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="${path}/party/js/jquery.pagination.js"></script>
<script type="text/javascript" src="${path}/party/js/rem(750).js"></script>
<script type="text/javascript" src="${path}/party/js/vue2.js"></script>
<script type="text/javascript" src="${path}/party/plugin/nav-moveline/js/jquery.easing.js"></script>
<script type="text/javascript" src="${path}/party/plugin/nav-moveline/js/moveline.js"></script>
<script type="text/javascript" src="${path}/party/plugin/nav-moveline/js/toast.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#listVm',
        data: {
        	classify: 0,
          activeOne: 0,
            xsddjzd: [
              {id:1,img:"${path}/party/images/icon_dfzg.png",title:"德法治国",info:"法安天下，德润人心"},
              {id:2,img:"${path}/party/images/icon_ktyj.png",title:"课题研究",info:"问苍生疾苦，答国泰民安"},
              {id:3,img:"${path}/party/images/icon_zjgd.png",title:"专家观点",info:"思想自由绽放，空间精品盼呈"},
              {id:4,img:"${path}/party/images/icon_xgkc.png",title:"相关课程",info:"会萃大家精品，德润人心"}
            ],
            ddjs: [
              {id:1,img:"${path}/party/images/icon_rmjd.png",title:"战略解读",info:["治党战略 改革战略","经济战略 民生战略","治党战略 理政战略","强军战略 外交战略"]},
              {id:2,img:"${path}/party/images/icon_dsds.png",title:"党史党事",info:["党内报告 党史故事","活页文选 专家视角","新思新论 高层来风","时证聚焦 党务指南"]},
              {id:3,img:"${path}/party/images/icon_djzh.png",title:"党建纵横",info:["非公党建 农村党建","国企党建 两新党建","社区党建 机关党建","军队党建 高效党建"]},
              {id:4,img:"${path}/party/images/icon_djzx.png",title:"党建在线",info:["政治党建","思想党建","组织党建","纪律建设"]},
            ],
            qyshzrwh: [
              {id:1,img:"${path}/party/images/pic_zrwh1.png",title:"企业责任概述"},
              {id:2,img:"${path}/party/images/pic_zrwh2.png",title:"国际企业实践"},
              {id:3,img:"${path}/party/images/pic_zrwh3.png",title:"企业责任内容"},
              {id:4,img:"${path}/party/images/pic_zrwh4.png",title:"企业责任体系构建"}
            ],
            zhctdlwh: [
              {id:1,img:"${path}/party/images/pic_xin.png",title:"修身",info:"君子为正之道，以修身为本"},
              {id:2,img:"${path}/party/images/pic_jia.png",title:"齐家",info:"家是最小国，国是千万家"},
              {id:3,img:"${path}/party/images/pic_guo.png",title:"治国",info:"是以善为国者，必先富民，然后治之"},
              {id:4,img:"${path}/party/images/pic_dao.png",title:"平天下",info:"创建命运共同体"}
            ],
            menuList:[]
        },
        created:function(){
        	this.getMenu();

          var sessionOneNavIndex = sessionStorage.getItem("activeOne");
          this.activeOne = sessionOneNavIndex;
        },
        methods: {
        	getMenu(){
            	  let _that = this;
            	  //获取推荐内容
            	  $.ajax({
      				type : "post",
      				url : "${path}/web/getFirstMenuHome.html",
      				dataType : "json",
      				data:{},
      				async : false,
      				success : function(data) {
      					if(data.ajax_status == "ajax_status_success"){
      						
      						_that.menuList = data.mlist;
      					}
      				},
      				error : function(XMLHttpRequest, textStatus, errorThrown){
      		          alert("出错了！");
      		       }
      			});
          },
          setUrl:function(data,inde){
            sessionStorage.setItem("activeOne",inde);
            var sessionOneNavIndex = sessionStorage.getItem("activeOne");
            

        	  window.location.href="${path}/web/setLink.html?type="+data.redirectUrl+"&id="+data.id;
          },
          dkzx:function(){
          	  window.location.href="http://djzx.sktcm.cn/web/coursetype/courseType.html"
          },
          djzd:function(){
        	  window.location.href="${path}/web/setLink.html?type=2&id=1535712460347003";
          },
          ddjs1:function(){
        	  window.location.href="${path}/web/setLink.html?type=3&id=1535712460347004";
          },
          zrwh:function(){
        	  window.location.href="${path}/web/setLink.html?type=4&id=1535712460347005";
          },
          dlwh:function(){
        	  window.location.href="${path}/web/setLink.html?type=5&id=1536204724351000";
          }
        }
    });
    vm.$nextTick(function(){
      //$('.nav1-ul').moveline({customTop:true,top:0});//一级导航动画初始化 

      //分页初始化
      $('#pagination').pagination({
        prevContent: "上一页",
        nextContent: "下一页",
        prevCls:'prev',
        nextCls:'next',
        totalData:100,
        showData:5,
        coping:true
      });
    });
</script>
</body>
</html>
